<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<%@taglib prefix="s" uri="/struts-tags"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<title>翔云存储-用户登录</title>

<link rel="stylesheet" type="text/css" href="css/login.css"></link>
<script src="js/jquery-2.0.3.js" type=text/javascript></script>
<script src="js/validator/formValidator_min.js" type="text/javascript"
	charset="UTF-8"></script>
<script src="js/validator/formValidatorRegex.js" type="text/javascript"
	charset="UTF-8"></script>
<script type="text/javascript">
	$(document).ready(function() {
		$.formValidator.initConfig({
			formid : "login_form",
			debug : false,
			submitonce : true,
			onerror : function(msg, obj, errorlist) {
				$.map(errorlist, function(msg1) {
					alert(msg1)
				});
				//alert(msg);
			}
		});

		$("#t_UserName").formValidator({
			onshow : "8-18个字符",
			onfocus : "8-18个字符",
			oncorrect : "该用户名可以注册"
		}).inputValidator({
			min : 8,
			max : 18,
			onerror : "用户必须是8-18个字符"
		}).regexValidator({
			regexp : "username",
			datatype : "enum",
			onerror : "格式有误"
		});

		$("#t_UserPass").formValidator({
			onshow : "请输入登录密码",
			onfocus : "至少8个字符",
			oncorrect : "密码合法"
		}).inputValidator({
			min : 8,
			max : 18,
			empty : {
				leftempty : false,
				rightempty : false,
				emptyerror : "请输入密码"
			},
			onerror : "密码格式输入有误"
		});

	});
</script>
<style type="text/css">
body {
	background-image: url(images/login_bg.jpg);
}
</style>
</head>

<body>
	<div style="height: 100px; margin: 100px auto 0px auto; width: 800px;">
		<div
			style="background-image: url('images/cloud.png'); background-position: -500px -120px; width: 100px; height: 60px;float: left;"></div>
		<span
			style="font-size: 40px; line-height: 60px; font-family: '华文新魏', 华文行楷; color: rgba(17, 37, 58, 0.63); ">翔云存储，您身边的快速移动优盘</span>
	</div>
	<center>
		<div id="main" class="reg login">
			<font color="red" size="3"><s:property value="tip" /></font>
			<!-- 
			<s:form action="login" method="post">
				<s:textfield name="username" value="用户名" />
				<s:password name="password" value="密码" />

				<s:submit value="登录"/>
			</s:form>
			 -->


			<form action="login" method="post" name="form1" id="login_form">
				<dl>
					<div style="height: 17px; overflow: hidden"></div>
					<dd>
						<span class="title">登录账号：</span><input class="reg_input"
							name="username" id="t_UserName" type="text" /><span
							id="t_UserNameTip" class="onshow"></span>
					</dd>
					<dd>
						<span class="title">登录密码：</span><input class="reg_input"
							id="t_UserPass" name="password" type="password" /><span
		 id="t_UserPassTip" class="onshow"></span>
					</dd>
				</dl>
				<div class="f_reg_but">
					<input id="button" name="button" type="submit" value="登录"
						class="l_button" /><span class="clew_txt">还没账号？<a
						href="register.jsp">立即注册</a>
					</span>
				</div>
			</form>
		</div>
	</center>
</body>
</html>
